.ui-combobox{
	@height: 1.25em;
	@fontsize: 1em;

	vertical-align:middle;
	display:inline-block;
	text-align:left;
	font-size:0.750em;
	height:1.75em;

	.ui-combobox-textbox{
		.ui-field-border(1px, 1px, 1px, 0px, 2px, 2px, 2px, 0px );
		height:@height;
		font-size:@fontsize;
		cursor:pointer;
		vertical-align:top;
	}

	.ui-combobox-button{
		.ui-field-border(1px, 1px, 0px, 1px, 2px, 2px, 0px, 2px );
		font-size:@fontsize;
		height:@height;
		width:0.888em;
		background-color:white;
		background-image: url(/img/button/arrow_down_grey.png);
		background-repeat:no-repeat;
		background-position:0.100em 0.450em;
		position: relative;
		left: -4px;
	}

    .ui-combobox-choices{
    	display:none;
    	background:white;
    	position:absolute;
    	left:0em;
    	top:0em;
    	z-index:5000;
    	overflow-x:auto;
    	overflow-y:auto;
    	padding-bottom:2em;

    	.ui-combobox-choice {
    		cursor:pointer;
    		display:block;
    		min-height:1.624em;
    		line-height:1.624em;
    		color:@color_blue_darkest;
    		white-space:nowrap;
    		padding-top:0.313em;
    		padding-bottom:0.313em;
    		padding-left:2.833em;
    		padding-right:2.833em;

    		&-selected{
    			background-color: @color_gray_lightest;
    			background-image: url(/img/button/checkmark.png);
    			background-repeat:no-repeat;
    			background-position:1em 0.6em;
    		}

    		&:hover {
    			background-color: @color_gray_lightest;
    		}
    	}

		.ui-combobox-choice-separator{
			.ui-disabled;
			cursor: default;
			width:60%;
			height:1px;
			border-bottom:1px solid @color_gray_dark;
			margin-left:auto;
			margin-right:auto;
			margin-top:0.000em;
			margin-bottom:1.626em;
			font-size:0.5em;
			&:hover{
				background:white;
			}
		}
    }
}


